home *** CD-ROM | disk | FTP | other *** search
/ Chip: 2005 Utilities / CHIP Utilities 2005 / CHIP Utilities 2005.iso / docs / maxblast / www.maxtor.com / maxtor / en_us / styles / main.css < prev   
Encoding:
Cascading Style Sheet File  |  2004-07-09  |  16.1 KB  |  554 lines
  1. /*
  2.     global elements
  3. */
  4.  
  5. body { background-color:#ffffff; color:#5e5e5f; }
  6.  
  7. b, strong { font-weight:bold; }
  8.  
  9. p,ul,ol,ul ul,ol ol,ul ol,ol ul,blockquote,blockquote p,ul li ul {
  10.     font-size: .7em;
  11.     line-height:150%;
  12.     font-family:verdana, arial, helvetica, sans-serif;
  13.     margin:5px 15px 15px 9px;
  14. }
  15.  
  16. tt,p tt,tt p {
  17.     font-size: 1em;
  18.     font-family:monospace;
  19. }
  20.  
  21. .normal {
  22.     font-size: .7em;
  23.     font-family:verdana, arial, helvetica, sans-serif;
  24.     font-weight: normal;
  25.     font-style: normal;
  26. }
  27.  
  28.  
  29. /* added red text */
  30. .red { color:#FF0000; }
  31. /* added white text for errors, troubleshooting */
  32. .white { color:#FFFFFF; }
  33.  
  34. p.small { font: 1em arial, helvetica, sans-serif; margin:5px 15px 5px 10px; }
  35. p.searchresults { font: bold .7em; color:#002f86; }
  36. p.search { font:10px verdana; color:#003399; margin:0px 0px 0px 0px; }
  37. a.advsearch:link, a.advsearch:visited { font:10px arial, helvetica, sans-serif; color:#6988BB; }
  38.  
  39. p.clickstream { color:#c7c7c7; font-family:arial; font-size:xx-small; }
  40. p.clickstream a:link, p.clickstream a:visited { color:#c7c7c7; text-decoration:none; }
  41. p.clickstream a:hover { color:#002f86; text-decoration:underline; }
  42.  
  43. .head1 {
  44.     font-weight:bold;
  45.     font-size:small;
  46.     color:#002f86;
  47.     margin-top:4px; margin-bottom:4px;
  48.     word-spacing: 0.05em; letter-spacing: 0.1em;
  49. }
  50.  
  51. .head2 {
  52.     font-size:.7em;
  53.     color:#000000;
  54.     margin-top:-8px; margin-bottom:8px;
  55.     word-spacing: 0.05em; letter-spacing: 0.1em;
  56.     text-transform: uppercase;
  57. }
  58.     
  59. .head3 {
  60.     font-weight:bold;
  61.     font-size:.7em;
  62.     color:#000000;
  63.     margin-top:15px; margin-bottom:4px;
  64. }
  65.  
  66. .head4 {
  67.     font-weight:bold;
  68.     font-size:.7em;
  69.     color:#002f86;
  70.     margin-top:4px; margin-bottom:4px;
  71. }
  72.  
  73.  
  74. .head5 {
  75.     font-weight:bold;
  76.     font-size:.7em;
  77.     color:#6a6db2;
  78.     margin-top:4px; margin-bottom:4px;
  79. }
  80.  
  81. .headSidebar {
  82.     font-weight:bold;
  83.     color:#002f86;
  84.     margin-top:4px; margin-bottom:4px;
  85. }
  86.  
  87. a:link { color:#164294; }
  88. a:visited { color:#697286; }
  89. a:hover { color:#002f86; }
  90.  
  91. ul { list-style-type: disc; margin-left:20px; }
  92. ol { list-style: decimal; margin-left:20px; }
  93. li { margin-left:6px; }
  94.  
  95. /*
  96.     tabs
  97. */
  98.  
  99. td.tabOn{
  100.     text-transform: uppercase;
  101.     font:9px arial; color:white;
  102.     padding:3px 6px 8px 5px;
  103.     background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/tab_on.gif');
  104.     cursor:hand;
  105. }
  106.  
  107. td.tabOff{
  108.     text-transform: uppercase;
  109.     font:9px arial; color:black;
  110.     padding:3px 6px 8px 5px;
  111.     background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/tab_off.gif');
  112.     cursor:hand;
  113. }
  114.  
  115. .tabOn a:link, .tabOn a:visited { color:white; text-decoration:none; }
  116. .tabOn a:hover { color:white; text-decoration:underline; }
  117. .tabOff a:link, .tabOff a:visited { color:black; text-decoration:none; }
  118. .tabOff a:hover { color:black; text-decoration:underline; }
  119.  
  120. /*
  121.     tables
  122. */
  123.  
  124. table.plain{ margin-left: 5px; }
  125.         .plain th { vertical-align:top;
  126.             font: bold .7em verdana, arial, helvetica, sans-serif;
  127.             line-height:150%;
  128.             text-align:left; 
  129.             }
  130.         .plain td { vertical-align:top;
  131.             font:.7em verdana, arial, helvetica, sans-serif;
  132.             line-height:150%;
  133.             }
  134.  
  135. table.warrantyApp{ font: 10px verdana, arial, helvetica, sans-serif; }
  136.         
  137.             .warrantyApp th{
  138.  
  139.             padding: 3px 5px 3px 3px;
  140.  
  141.             background-color: #efebf7;
  142.  
  143.             vertical-align:top;
  144.  
  145.             font:bold .7em verdana, arial, helvetica, sans-serif;
  146.  
  147.             text-align:left;
  148.  
  149.             color:#000000;
  150.  
  151.             cursor:hand;
  152.  
  153.         }
  154.  
  155.         .warrantyApp th a:link { color:white; text-decoration:none; }
  156.  
  157.         .warrantyApp th a:visited { color:white; text-decoration:none; }
  158.  
  159.         .warrantyApp th a:hover { color:#fffbb5; text-decoration:none; }
  160.  
  161.         .warrantyApp td { }
  162.  
  163.         .warrantyApp td a:link, .related td a:visited {    color:#5e5e5f; text-decoration:underline; }
  164.  
  165.         .warrantyApp td a:hover { color:#5e5e5f; text-decoration:underline; }
  166.  
  167. table.warrantyResults{ background-color: #c7c7c7; }
  168.  
  169.         .warrantyResults th{
  170.  
  171.             padding-left: 2px;
  172.  
  173.             background-color: #efebf7;
  174.  
  175.             vertical-align:top;
  176.  
  177.             font:bold .7em verdana, arial, helvetica, sans-serif;
  178.  
  179.             text-align:left;
  180.  
  181.             color:#000000;
  182.  
  183.         }
  184.  
  185.         .warrantyResults td{
  186.  
  187.             background-color:#ffffff;
  188.  
  189.             padding: 3px 5px 3px 3px;
  190.  
  191.             vertical-align:top;
  192.  
  193.             font: .7em verdana, arial, helvetica, sans-serif;
  194.  
  195.         }
  196.  
  197. table.related{ font: 10px verdana, arial, helvetica, sans-serif; }
  198.         .related td { padding-top:3px; padding-bottom:3px; padding-right:18px; }
  199.         .related td a:link, .related td a:visited {    color:#5e5e5f; text-decoration:none; }
  200.         .related td a:hover { color:#5e5e5f; text-decoration:underline; }
  201.  
  202. table.overview{  }
  203.         .overview th{
  204.             padding: 3px 5px 3px 3px;
  205.             background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/header_back_2color.gif');
  206.             vertical-align:top;
  207.             font:bold .7em verdana, arial, helvetica, sans-serif;
  208.             text-align:left;
  209.             color:#ffffff;
  210.             cursor:hand;
  211.         }
  212.         .overview th a:link { color:white; text-decoration:none; }
  213.         .overview th a:visited { color:white; text-decoration:none; }
  214.         .overview th a:hover { color:#fffbb5; text-decoration:none; }
  215.         .overview td {
  216.             background-color:#ffffff;
  217.             vertical-align:top;
  218.             font:.7em verdana, arial, helvetica, sans-serif;
  219.         }
  220.  
  221. table.compare{ background-color:#c7c7c7; font:.7em verdana, arial, helvetica, sans-serif;}
  222.         .compare th{
  223.             padding: 3px 5px 3px 3px;
  224.             background-color: #efebf7;
  225.             font:bold verdana, arial, helvetica, sans-serif;
  226.             color:black;
  227.         }
  228.         .compare td {
  229.             background-color:#ffffff;
  230.             text-align:center;
  231.         }
  232.         .compareHead1 { font:bold small arial, helvetica, sans-serif; color:#ffffff; }
  233.         .compareHead2 { font:x-small verdana, arial, helvetica, sans-serif; color:#ffffff; text-transform:uppercase; }
  234.         .compareHead3 { font:bold 1em verdana, arial, sans-serif; color:#002f86; margin:0px; }
  235.         .compare td p { font:xx-small arial; margin:0px; }
  236.  
  237. table.detail{  }
  238.         .detail th{
  239.             padding: 3px 5px 3px 3px;
  240.             background-color: #335AA0;
  241.             vertical-align:top;
  242.             font:bold .7em verdana, arial, helvetica, sans-serif;
  243.             text-align:left;
  244.             color:#ffffff;
  245.         }
  246.         .detail td {
  247.             background-color:#ffffff;
  248.             vertical-align:top;
  249.         }
  250.  
  251. table.searchForm{  }
  252.         .searchForm th{
  253.             padding: 3px 5px 3px 3px;
  254.             background-color: #335AA0;
  255.  
  256.             text-align:left;
  257.             color:#ffffff;
  258.         }
  259.         .searchForm td {
  260.             background-color:#ffffff;
  261.  
  262.         }
  263.  
  264. table.chart{ background-color: #c7c7c7; }
  265.         .chart th{
  266.             padding-left: 2px;
  267.             background-color: #002f86;
  268.             vertical-align:top;
  269.             font:bold .7em verdana, arial, helvetica, sans-serif;
  270.             text-align:left;
  271.             color:#ffffff;
  272.         }
  273.         .chart td{
  274.             background-color:#ffffff;
  275.             padding: 3px 5px 3px 3px;
  276.             vertical-align:top;
  277.             font: .7em verdana, arial, helvetica, sans-serif;
  278.         }
  279.         
  280. table.chartLightHeader { background-color: #c7c7c7; }
  281.         .chartLightHeader th{
  282.             padding: 3px 5px 3px 3px;
  283.             background-color: #EFECF7;
  284.             vertical-align:top;
  285.             font:bold .7em verdana, arial, helvetica, sans-serif;
  286.             text-align:left;
  287.             color:#000000;
  288.         }
  289.         .chartLightHeader th a:link { color:#000000; text-decoration:underline; }
  290.         .chartLightHeader th a:visited { color:#000000; text-decoration:underline; }
  291.         .chartLightHeader th a:hover { color:#000000; text-decoration:underline; }
  292.         .chartLightHeader td{
  293.             background-color:#ffffff;
  294.             padding: 3px 5px 3px 3px;
  295.             vertical-align:top;
  296.             font: .7em verdana, arial, helvetica, sans-serif;
  297.         }
  298.         
  299. /*
  300.     <td> styles
  301. */
  302.  
  303. td.dashed{ padding:0px;    background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/td_back_dashed_white.gif'); }
  304. td.rtdashed{ padding:0px; background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/td_back_dashed_gray.gif'); }
  305. td.tdbody{ background-color:#efebf7; border:1px solid #c7c7c7; }
  306. td.yellow { background-color:#fffcd6; }
  307. td.lightblue { background-color:#dedfef; }
  308. th.yellow { background-color:#fffcd6; }
  309. th.black { background-color:#000000; }
  310. th.blue { background-color:#000080; }
  311. td { background-image:url('/maxtor/en_us/images/_boilerplate/shim/pixel_clear.gif'); }
  312. td.null { background-image:url('/maxtor/en_us/images/_boilerplate/shim/pixel_clear.gif'); }
  313. td.rtchannel { background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/right_light_blue.gif'); }
  314. td.rtchannelBlank { background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/right_light_white.gif'); }
  315. td.rtchanneldark { background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/right_dark_blue.gif'); }
  316. td.rtchannelwide { background-image:url('/maxtor/en_us/images/_boilerplate/lines/gray_vertical_double_lines.gif'); }
  317. td.linework { padding:0px; background-color:#c7c7c7; }
  318. td.bracketTopRight { background-image:url('/maxtor/en_us/images/_boilerplate/lines/bracket_top_right.gif'); }
  319. td.bracketTopRightWide { background-image:url('/maxtor/en_us/images/_boilerplate/lines/bracket_top_right_wide.gif'); }
  320. td.bracketTopLeft { background-image:url('/maxtor/en_us/images/_boilerplate/lines/bracket_top_left.gif'); }
  321. td.bracketBottomLeft { background-image:url('/maxtor/en_us/images/_boilerplate/lines/bracket_line_bottom_left.gif'); }
  322. td.bracketBottomRight { background-image:url('/maxtor/en_us/images/_boilerplate/lines/bracket_line_bottom_right.gif'); }
  323. td.rtchannel p, td.rtchanneldark p, td.rtchannelBlank p {    margin-right:25px;}
  324. td.normal{font-size: .7em;
  325.     line-height:150%;
  326.     font-family:verdana, arial, helvetica, sans-serif;
  327.     margin:5px 15px 15px 9px;}
  328.  
  329. /*
  330.     misc.
  331. */
  332.  
  333. .indent { margin-left:20px; }
  334. input { font:10px verdana; color:#5e5e5f; }
  335. textarea { font:10px verdana; color:#5e5e5f; }
  336. option { font:10px verdana; color:#5e5e5f; }
  337.  
  338. .searchForm { font:10px verdana; color:#5e5e5f; }
  339. .searchInput { font:10px verdana; color:#5e5e5f; width:150px; }
  340.  
  341. .footer { background-color:#000000; color:#ABABAB; font:10px arial; }
  342. .footer a:link, .footer a:visited { color:#ABABAB; text-decoration:none; }
  343. .footer a:hover { color:white; text-decoration:underline; }
  344.  
  345. /*
  346.     global nav
  347. */
  348.  
  349.     /* empty blue rectangle */
  350.  
  351.     #globalNavDiv{
  352.         position:absolute; left:196px; top:46px;
  353.         width:565px; height:26px;
  354.         background-color:#002c84;
  355.         layer-background-color:#002c84;
  356.         clip: rect( 0px 565px 26px 0px );
  357.     }
  358.  
  359.     /*    the actual top nav are either 
  360.             <div class="navT1big">PRODUCTS<span class="navPlus">+</span></div>
  361.             - or -
  362.             <div class="navT1small">TECHNOLOGIES</div>
  363.     */
  364.     
  365.     
  366.     .navT1small{
  367.         position:absolute; left:0; top:73px; visibility:visible;
  368.         width:auto;
  369.         padding: 2px 6px;
  370.         border-left: 1px solid #F4F4F4;
  371.         border-bottom: 1px solid white;
  372.         background-color: #6A6DB2; layer-background-color: #6A6DB2;
  373.         font: 10px verdana, arial, helvetica, sans-serif;
  374.         cursor: hand;
  375.     }
  376.     .navT1small a:link{ color: #C8DEF3; text-decoration:none }
  377.     .navT1small a:active{ color: #C8DEF3; text-decoration:none }
  378.     .navT1small a:visited{ color: #C8DEF3; text-decoration:none }
  379.     .navT1small a:hover{ color: #C8DEF3; text-decoration:none }
  380.     
  381.     .navT1smallon{
  382.         position:absolute; left:0; top:73px; visibility:visible;
  383.         width:auto;
  384.         padding: 2px 6px;
  385.         border-left: 1px solid #F4F4F4;
  386.         border-bottom: 1px solid white;
  387.         background-color: #6A6DB2; layer-background-color: #6A6DB2;
  388.         font: 10px verdana, arial, helvetica, sans-serif;
  389.         cursor: hand;
  390.     }
  391.     
  392.     .navT1smallon a:link{ color: #ffffff; text-decoration:none }
  393.     .navT1smallon a:active{ color: #ffffff; text-decoration:none }
  394.     .navT1smallon a:visited{ color: #ffffff; text-decoration:none }
  395.     .navT1smallon a:hover{ color: #ffffff; text-decoration:none }
  396.     
  397.     .navT1big{
  398.         position:absolute; top:46; visibility:visible;
  399.         width:auto; height:16px;
  400.  
  401.         padding: 5px 7px;
  402.         border-left: 1px solid #F4F4F4;
  403.         border-bottom: 1px solid #DADBEC;
  404.  
  405.         font: 10px verdana, arial, helvetica, sans-serif; 
  406.         cursor: hand;
  407.     }
  408.     .navT1big a:link{ color:white; text-decoration:none }
  409.     .navT1big a:active{ color:white; text-decoration:none }
  410.     .navT1big a:visited{color:white; text-decoration:none }
  411.     .navT1big a:hover{ color:white; text-decoration:none }
  412.     
  413.     #navproductsDiv{     left: 196px; width:  92px; height:26px; clip: rect( 0px  92px 26px 0px ); }
  414.     #navsupportDiv{     left: 288px; width: 167px; height:26px; clip: rect( 0px 167px 26px 0px ); }
  415.     #navsolutionsDiv{     left: 455px; width: 156px; height:26px; clip: rect( 0px 156px 26px 0px ); }
  416.     #navaboutDiv{         left: 611px; width: 150px; height:26px; clip: rect( 0px 150px 26px 0px ); }
  417.     #navpartnersDiv{     left: 196px; width: 207px; height:19px; clip: rect( 0px 207px 18px 0px ); }
  418.     #navtechnologiesDiv{    left: 403px; width: 208px; height:19px; clip: rect( 0px 208px 18px 0px ); }
  419.     #navshopDiv{         left: 611px; width: 150px; height:19px; clip: rect( 0px 150px 18px 0px ); }
  420.  
  421. /*    Intl only: */
  422.     #navSubLeftDiv { left: 196px; width: 415px; height:19px; clip: rect( 0px 415px 18px 0px ); }  
  423.     #navSubRightDiv { left: 611px; width: 150px; height:19px; clip: rect( 0px 150px 18px 0px ); }     
  424.     
  425.  
  426. /*    German and French only: */
  427.     #frdenavproductsDiv{     left: 196px; width: 114px; height:26px; clip: rect( 0px 114px 26px 0px ); }
  428.     #frdenavsupportDiv{     left: 310px; width: 180px; height:26px; clip: rect( 0px 180px 26px 0px ); }
  429.     #frdenavsolutionsDiv{     left: 490px; width: 121px; height:26px; clip: rect( 0px 121px 26px 0px ); }
  430.     
  431.     .navPlus{
  432.         font: bold 13px verdana, arial, helvetica, sans-serif;
  433.         color: #CBB075;
  434.     }
  435.  
  436.     /*    drop downs look like:
  437.         <div class="navDrop">
  438.             <div class="navDropRow0">Lorem Overview</div>
  439.             <div class="navDropRow">Ipsum 1</div>
  440.             <div class="navDropRow">Ipsum 2</div>
  441.                 ...
  442.             <div class="navDropRow">Ipsum n</div>
  443.         </div>
  444.     */
  445.  
  446.     .navDrop{
  447.         position:absolute; top:91px; visibility:hidden;
  448.         width:175; height:auto;
  449.         background-color: #8AA8D8;
  450.         border: 1px solid white;
  451.     }
  452.     .navDropRow, .navDropRow0{
  453.         position:relative;
  454.         font: 10px verdana, arial, helvetica, sans-serif;
  455.         padding: 2px 6px;
  456.         color: white;
  457.         cursor: hand;
  458.     }
  459.     .navDropRow0{ border-top: none; }
  460.     .navDropRow{  border-top: 1px solid white; }
  461.     
  462. /*
  463.     leftnav 
  464. */
  465.  
  466. .leftnavT1offLine{    background-color: #6E7695; }
  467. .leftnavT1onLine{    background-color: #FFFFFF; }
  468. .leftnavT2offLine{    background-color: #6E7695; }
  469. .leftnavT2onLine{    background-color: #FFFFFF; }
  470. .leftnavT3offLine{    background-color: #94AACF; }
  471. .leftnavT3onLine{    background-color: #94AACF; }
  472.  
  473. .leftnavT2on { 
  474.     font: 10px verdana, arial, helvetica, sans-serif;
  475.     padding:3px 0px 4px 3px;
  476.     text-transform:uppercase;
  477.     background-color:#6B71B5;
  478.     cursor:hand;
  479. }
  480.  
  481. .leftnavT2img { 
  482.     background-color:#6B71B5;
  483.     cursor:hand;
  484. }
  485.  
  486.  
  487.  
  488. .leftnavT2on a:link, .leftnavT2on a:visited { color:white; text-decoration:none; }
  489. .leftnavT2on a:hover { text-decoration:underline; }
  490.  
  491. .leftnavT2off { 
  492.     font: 10px verdana, arial, helvetica, sans-serif;
  493.     padding:2px 0px 4px 3px;
  494.     cursor:hand;
  495. }
  496. .leftnavT2off a:link, .leftnavT2off a:visited { color:white; text-decoration:none; }
  497. .leftnavT2off a:hover { text-decoration:underline; }
  498.  
  499. .leftnavT3on  {
  500.     font: 10px verdana, arial, helvetica, sans-serif;
  501.     padding:2px 5px 4px 13px ;
  502.     background-image:url('/maxtor/en_us/images/_boilerplate/backgrounds/tier3_on.gif');
  503.     background-color:#94aacf; 
  504.     cursor:hand;
  505. }
  506. .leftnavT3on a:link, .leftnavT3on a:visited { color:white; text-decoration:none; }
  507. .leftnavT3on a:hover { text-decoration:underline; }
  508.  
  509. .leftnavT3off { 
  510.     font: 10px verdana, arial, helvetica, sans-serif;
  511.     padding:2px 5px 4px 8px ;
  512.     background-color:#94aacf;
  513.     cursor:hand;
  514. }
  515. .leftnavT3off a:link, .leftnavT3off a:visited { color:black; text-decoration:none; }
  516. .leftnavT3off a:hover { text-decoration:underline; }
  517.  
  518.  
  519.  
  520. /*
  521.     home
  522. */
  523.  
  524. #iconStripHolder{
  525.     position:relative; top:0; left: 0; 
  526.     width:auto; height:30px;
  527. }
  528. .iconStrip{
  529.     position:absolute; left:0; top:0; visibility:visible; 
  530.     width:auto; height:auto; 
  531. }
  532. #iconStripOnDiv{
  533.     clip: rect(0px 0px 30px 0px);
  534. }
  535.  
  536. #homeLeftFeatureDiv2{
  537.     position:absolute; left: 0px; top: 124px; visibility:visible; 
  538.     width:auto; height:auto; 
  539. }
  540.  
  541. #homeLeftFeatureDiv{
  542.     position:absolute; left: 0px; top: 133px; visibility:visible; 
  543.     width:auto; height:auto; 
  544. }
  545. #homeLeftFeaturePhoto{
  546.     position:absolute; left:0px; top:13px; visibility:visible; 
  547.     width:auto; height:auto; 
  548. }
  549. #homeLeftFeatureShop{
  550.     position:absolute; left:0px; top:83px; 
  551.     width: 190px; 
  552.     text-align:right;
  553.     font:9px verdana; color:#E4E5EE;
  554. }